<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<title></title>
	<style type="text/css">
		.box1 {
			width: 300px;
			height: 300px;
			background-color: orange;
			display: grid;
		}

		.box2 {
			width: 100px;
			height: 100px;
			margin: auto;
			background-color: red;
		}
	</style>
</head>

<body>
	<div class="box1">
		<div class="box2">
		</div>
	</div>
</body>

</html>